<!--
 * @Descripttion:
 * @Author: Silence
 * @Date: 2023-05-23 20:14:44
 * @LastEditors: Silence
 * @LastEditTime: 2023-05-24 11:13:29
-->
<template>
  <div id="app">
    <h2>测试题</h2>
    <SubItem v-for="(item, index) in 5" :key="item" :id="index + 1"></SubItem>
    <div>
      <!-- <FlagItem></FlagItem> -->
      <FlagItem
        v-for="(item, index) in 5"
        :key="item"
        :id="index + 1"
      ></FlagItem>
    </div>
  </div>
</template>
<script>
import FlagItem from './components3/FlagItem.vue'
import SubItem from './components3/SubItem.vue'
export default {
  components: {
    FlagItem,
    SubItem
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
body {
  background-color: #eee;
}

#app {
  background-color: #fff;
  width: 500px;
  margin: 50px auto;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  padding: 2em;
}
</style>
